<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>

        <style type="text/css">
            p { text-align: center ; }
            .odd { background-color: #dedede ; }
            .even { background-color: #ffff00 ; }
            .wrapper { border: 1px solid blue ; width: 80% ; margin: auto ; }

            .first>* { 
                float: left ;
                height: 300px ; 
                width: 200px ; 
            }

            .second { 
                background: purple url(liuyifei.jpg) center no-repeat ; 
                height: 1px ; 
                clear: both ;
            }

        </style>

    </head>
    <body>

        <div class="wrapper first">
            <span class="odd">1</span>
            <span class="even">2</span>
            <span class="odd">3</span>
            <span class="even">4</span>
            <span class="odd">5</span>
            <span class="even">6</span>
        </div>

        <div class="second"></div>

        <u>李世民</u>
        <i>李元霸</i>
        <s>李元芳</s>
        
    </body>
</html>